

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>
        	Menu
        </title>
         
        <!-- Bootstrap core CSS -->
	    <link href="../../assets/css/bootstrap.css" rel="stylesheet">
	    <!--external css-->
	    <link href="../../assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
	    <link rel="stylesheet" type="text/css" href="../../assets/js/gritter/css/jquery.gritter.css" />
	    <link rel="stylesheet" type="text/css" href="../../assets/lineicons/style.css">    
	    
	    <!-- Custom styles for this template -->
	    <link href="../../assets/css/style.css" rel="stylesheet">
	    <link href="../../assets/css/style-responsive.css" rel="stylesheet">  
	    
    </head>
    
    <style>
    	.bg-theme{
    		background-color: #00344a;
    	}
    	.header{
    		min-height: 100px;
    	}
    	.black-bg{
    		background-color: #a7d0e2;
    	}
    	.logout{
    		background-color: #00344a !important;
    	}
    </style>
    
<body>
		

<header class="header black-bg">
	<div class="sidebar-toggle-box" style="margin-top: 70px">
		<div class="fa fa-bars tooltips" data-placement="right"
			data-original-title="Toggle Navigation"></div>
	</div>
	<a href="../index.html" class="logo" style="margin-top: -5px">
		<img src="../img/logoPecusLittle.jpg" height="100px">
	</a>
	<div class="top-menu">
		<ul class="nav pull-right top-menu" style="margin-top: 30px">
			<li><a href="#" class="logout">Logout</a></li>
		</ul>
	</div>
	<div class="top-menu">
		<ul class="nav pull-right top-menu" style="padding:5px; margin-top: 30px">
			<li>Benvenuto <b><a id="user-sticky" href="javascript:;">PecUser!</a></b></li><br>
			<li style="font-size:10px; ">Crediti disponibili: <b>1000</b></li><br>
			<li style="font-size:10px; line-height: 1;">Crediti bloccati: <b>200</b></li>
		</ul>
	</div>
	
	<div class="nav notify-row" id="top_menu" style="float: right !important; margin-top: 50px !important; margin-left: 0px;">
                <!--  notification start -->
                <ul class="nav top-menu">
                    <li id="header_inbox_bar" class="dropdown">
				 <a data-toggle="dropdown" class="dropdown-toggle" href="#">
				 	<img width="25px" src="../img/home.png">
				 </a>
				 <ul class="dropdown-menu extended inbox">
                      <div class="notify-arrow notify-arrow-green"></div>
                      <li>
                          <p class="green">My PecuSwap</p>
                      </li>
                      <li>
                          <a href="#">
                              <span class="message">
                                  i miei annunci
                              </span>
                          </a>
                      </li>
                      <li>
                          <a href="/PecuSwapFrontend/theme/demoC2C/feedback/riepilogo.html">
                              <span class="message">
                                  riepilogo feedback
                              </span>
                          </a>
                      </li>
                      <li>
                          <a href="/PecuSwapFrontend/theme/demoC2C/contestazioni/riepilogo.html">
                              <span class="message">
                                  riepilogo contestazioni
                              </span>
                          </a>
                      </li>
                      <li>
                          <a href="/PecuSwapFrontend/theme/demoC2C/crediti/estratto.html">
                              <span class="message">
                                  situazione crediti
                              </span>
                          </a>
                      </li>
                      <li>
                          <a href="#">
                              <span class="message">
                                  storico estratto conto crediti
                              </span>
                          </a>
                      </li>
                      <li>
                          <a href="#">
                              <span class="message">
                                  situazione valuta
                              </span>
                          </a>
                      </li>
                      <li>
                          <a href="#">
                              <span class="message">
                                  storico estratto conto valuta
                              </span>
                          </a>
                      </li>
                       <!-- li>
                          <a href="#">
                              <span class="message">
                                  Trasferimento crediti
                              </span>
                          </a>
                      </li-->
                 </ul>
			</li>
                    <!-- inbox dropdown end -->
                </ul>
                <!--  notification end -->
            </div>
	
	<div class="nav notify-row" id="top_menu" style="float: right !important; margin-top: 50px !important; margin-left: 0px;">
                <!--  notification start -->
                <ul class="nav top-menu">
                    <!-- inbox dropdown start-->
                    <li id="header_inbox_bar" class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#" style="font-size: 25px">
                            <i class="fa fa-envelope-o"></i>
                            <span class="badge bg-theme">2</span>
                        </a>
                        <ul class="dropdown-menu extended inbox">
                            <div class="notify-arrow notify-arrow-green"></div>
                            <li>
                                <p class="green">Hai 2 nuovi messaggi!</p>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="photo"><img alt="avatar" src="../img/fr-08.jpg"></span>
                                    <span class="subject">
                                    <span class="from">PecUser2</span>
                                    <span class="time">2 ore fa</span>
                                    </span>
                                    <span class="message">
                                        Ciao! Questo è un messaggio di...
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="photo"><img alt="avatar" src="assets/../img/ui-divya.jpg"></span>
                                    <span class="subject">
                                    <span class="from">Amministrazione</span>
                                    <span class="time">1 giorno fa</span>
                                    </span>
                                    <span class="message">
                                     Buongiorno, desideriamo infor...
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">Vedi tutti i messaggi</a>
                            </li>
                        </ul>
                    </li>
                    <!-- inbox dropdown end -->
                </ul>
                <!--  notification end -->
            </div>
            
            <div class="nav notify-row" id="top_menu" style="float: right !important; margin-top: 50px !important; margin-left: 0px;">
                <!--  notification start -->
                <ul class="nav top-menu">
                    <!-- inbox dropdown start-->
                    <li id="header_inbox_bar" class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#" style="font-size: 25px">
                            <i class="fa"><img width="25px" src="../img/index.png"></i>
                            <span class="badge bg-theme">3</span>
                        </a>
                        <ul class="dropdown-menu extended inbox">
                            <div class="notify-arrow notify-arrow-green"></div>
                            <li>
                                <p class="green">Hai 3 notifiche</p>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="subject">
                                    <span class="time">2 ore fa</span>
                                    </span>
                                    <span class="message">
                                        Notifica di acquisto
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="subject">
                                    <span class="time">2 giorni fa</span>
                                    </span>
                                    <span class="message">
                                     Notifica di prova
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="subject">
                                    <span class="time">1 settimana fa</span>
                                    </span>
                                    <span class="message">
                                     Seconda notifica di prova
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">Vedi tutte le notifiche</a>
                            </li>
                        </ul>
                    </li>
                    <!-- inbox dropdown end -->
                </ul>
                <!--  notification end -->
            </div>
</header>
<aside>
	<div id="sidebar" class="nav-collapse ">
		<ul class="sidebar-menu" id="nav-accordion" style="margin-top:150px !important">
			<li>
				<a class="active" href="index.html"> 
					<span>Pubblica annuncio</span>
				</a>
			</li>
	
			<!-- li class="sub-menu dcjq-parent-li">
				<a href="javascript:;"> 
					<span>I miei annunci</span>
				</a>
				<ul class="sub">
					<li data-toggle="dropdown" class="dropdown-toggle">
						<a href="#" onclick="fixActiveClass(this)">Riepilogo Annunci<span class="caret"></span></a>
					    <ul class="dropdown-menu" style="background-color: #424a5d ">
					      <li><a href="#" onclick="fixActiveClass(this)" style="color: #aeb2b7">Inseriti</a></li>
					      <li><a href="#" onclick="fixActiveClass(this)" style="color: #aeb2b7">Venduti</a></li>
					      <li><a href="#" onclick="fixActiveClass(this)" style="color: #aeb2b7">Scaduti</a></li>
					      <li><a href="#" onclick="fixActiveClass(this)" style="color: #aeb2b7">Eliminati</a></li>
					    </ul>
					</li>
					
					
					<li><a href="#" onclick="fixActiveClass(this)">Annunci che seguo</a></li>
				</ul>
			</li>
			
			<li>
				<a href="javascript:;"> 
					<span>I miei acquisti</span>
				</a>
			</li>
			
			<li class="sub-menu dcjq-parent-li">
				<a href="javascript:;"> 
					<span>Shop</span>
				</a>
				<ul class="sub">
					<li><a href="#" onclick="fixActiveClass(this)">Acquisto credito</a></li>
					<li><a href="#" onclick="fixActiveClass(this)">...</a></li>
					<li><a href="#" onclick="fixActiveClass(this)">...</a></li>
				</ul>
			</li>
			
			<li class="sub-menu dcjq-parent-li">
				<a href="javascript:;"> 
					<span>Gruppi</span>
				</a>
				<ul class="sub">
					<li><a href="../gruppi/crea.html" onclick="fixActiveClass(this)">Crea gruppo</a></li>
					<li><a href="#" onclick="fixActiveClass(this)">Gestisci gruppo</a></li>
					<li><a href="../gruppi/lista.html" onclick="fixActiveClass(this)">Gestisci lista utenti</a></li>
					<li><a href="#" onclick="fixActiveClass(this)">Gestisci crediti vincolati</a></li>
				</ul>
			</li>
			
			<li>
				<a href="javascript:;"> 
					<span>Lista dei desideri</span>
				</a>
			</li-->
		</ul>
	</div>
</aside>      


<section id="main-content">
	<section class="wrapper">

<div class="row mt" style="margin-top: 50px !important">
	<div class="col-lg-12">
		
		<div class="row">
			<div class="form-panel" style="margin-top: 3px !important; margin-bottom: 3px !important; padding-top: 3px !important; padding-bottom: 3px !important">
				<form class="form-horizontal style-form" method="get">
					<h4><i class="fa fa-angle-right"></i> Crea Annuncio</h4>
					<br>
					<!-- div class="form-group" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2">Modalit&agrave; Asta Online?</label>
	                   <div class="col-sm-1">
	                       <input type="checkbox" class="form-control" style="width: 20px; height: 20px;" onClick="asta()" id="mode_asta">
	                   </div>
	               </div> -->
	               <div class="form-group" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Titolo dell'annuncio *</label>
	                   <div class="col-sm-4">
	                       <input type="text" class="form-control">
	                   </div>
	               </div>
	               <div class="form-group" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Descrizione dell'annuncio *</label>
	                   <div class="col-sm-4">
	                       <textarea rows="5" cols="100"></textarea>
	                   </div>
	               </div>
				   <div class="form-group not_asta" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Crediti richiesti *</label>
	                   <div class="col-sm-1">
	                       <input type="text" class="form-control">
	                   </div>
	                   <div class="col-sm-1" style="top: 10px; padding-left: 0px">
	                       (crediti)
	                   </div>
	               </div>
	               <div class="form-group not_asta" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Commissione</label>
	                   <div class="col-sm-1" style="top: 5px">
	                       1 %
	                   </div>
	               </div>
	               <!--  div class="form-group not_asta" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Prezzo di vendita *</label>
	                   <div class="col-sm-1">
	                       <input type="text" class="form-control">
	                   </div>
	                   <div class="col-sm-1" style="top: 10px; padding-left: 0px">
	                       (€)
	                   </div>
	               </div>
	                <div class="form-group not_asta" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Percentuale di prezzo di vendita *</label>
	                   <div class="col-sm-1">
	                       <input type="text" class="form-control">
	                   </div>
	                   <div class="col-sm-1" style="top: 10px; padding-left: 0px">
	                       (crediti)
	                   </div>
	               </div>-->
	               <div class="form-group not_asta" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Credito netto</label>
	                   <div class="col-sm-1" style="top: 5px">
	                       117
	                   </div>
	               </div>
				   <!--  div class="form-group not_asta" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Credito residuo</label>
	                   <div class="col-sm-1" style="top: 5px">
	                       50 €
	                   </div>
	               </div>
 				   <div class="form-group not_asta" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Maggiorazione</label>
	                   <div class="col-sm-1" style="top: 5px">
	                       0,5 €
	                   </div>
	               </div>-->
	               <!-- asta -->
	               <div class="form-group asta" style="padding-bottom: 5px; margin-bottom: 5px; display:none">
	                   <label class="col-sm-2 control-label">Prezzo di base d'asta *</label>
	                   <div class="col-sm-1">
	                       <input type="text" class="form-control">
	                   </div>
	                   <div class="col-sm-1" style="top: 10px; padding-left: 0px">
	                       (€)
	                   </div>
	               </div>
 				   <div class="form-group asta" style="padding-bottom: 5px; margin-bottom: 5px; display:none">
	                   <label class="col-sm-2 control-label">Percentuale di prezzo di base d'asta *</label>
	                   <div class="col-sm-1">
	                       <input type="text" class="form-control">
	                   </div>
	                   <div class="col-sm-1" style="top: 10px; padding-left: 0px">
	                       (crediti)
	                   </div>
	               </div>
	               <div class="form-group asta" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Ammontare crediti</label>
	                   <div class="col-sm-1" style="top: 5px">
	                       50
	                   </div>
	               </div>
	               <div class="form-group asta" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Credito residuo</label>
	                   <div class="col-sm-1" style="top: 5px">
	                       110 €
	                   </div>
	               </div>
	               <div class="form-group asta" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Maggiorazione</label>
	                   <div class="col-sm-1" style="top: 5px">
	                       0,5 €
	                   </div>
	               </div>
	               <div class="form-group asta" style="padding-bottom: 5px; margin-bottom: 5px; display:none">
	                   <label class="col-sm-2 control-label">Prezzo di vendita consigliato</label>
	                   <div class="col-sm-1">
	                       <input type="text" class="form-control">
	                   </div>
	                   <div class="col-sm-1" style="top: 10px; padding-left: 0px">
	                       (€)
	                   </div>
	               </div>
	               <div class="form-group asta" style="padding-bottom: 5px; margin-bottom: 5px; display:none">
	                   <label class="col-sm-2 control-label">Percentuale di prezzo di vendita consigliato</label>
	                   <div class="col-sm-1">
	                       <input type="text" class="form-control">
	                   </div>
	                   <div class="col-sm-1" style="top: 10px; padding-left: 0px">
	                       (crediti)
	                   </div>
	               </div>
	                <div class="form-group asta" style="padding-bottom: 5px; margin-bottom: 5px; display:none">
	                   <label class="col-sm-2 control-label">Durata dell'asta *</label>
	                   <div class="col-sm-1">
	                       <input type="text" class="form-control">
	                   </div>
	                   <div class="col-sm-1" style="top: 10px; padding-left: 0px">
	                       (giorni)
	                   </div>
	               </div>
	                <div class="form-group" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Indicazione bene/servizio*</label>
	                   <div class="col-sm-4">
	                         <select name="indicazione"  style="height: 34px;border-radius: 4px;  border-color: #ccc">
								   <option value="bene" selected="selected">bene  </option>
								   <option value="servizio">servizio  </option>
							  </select>
	                   </div>
	               </div>	               
	                <div class="form-group" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2 control-label">Categoria *</label>
	                   <div class="col-sm-4">
	                   <div class="col-sm-4">
	                       	  <select name="indicazione"  style="height: 34px;border-radius: 4px;  border-color: #ccc">
								   <option value="bene" selected="selected">Seleziona una categoria  </option>
								   <option value="servizio">Auto e moto  </option>
								   <option value="servizio">Casa, giardinaggio e fai da te  </option>
								   <option value="servizio">Elettronica e informatica  </option>
								   <option value="servizio">Giochi e prima infanzia  </option>
								   <option value="servizio">Abbigliamento, scarpe e borse  </option>
								   <option value="servizio">Orologi e gioielli  </option>
								   <option value="servizio">Sport e tempo libero  </option>
								   <option value="servizio">Libri  </option>
								   <option value="servizio">Videogiochi e console  </option>
								   <option value="servizio">Musica, film e TV  </option>
							  </select>
	                   </div>
	                   </div>
	               </div>            
	               <div class="form-group" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-4">Vuoi offrire la garanzia soddisfatti o rimborsati?</label>
	                   <div class="col-sm-1">
	                       <input type="checkbox" class="form-control" style="width: 20px; height: 20px;" onClick="garanzia()" id="mode_garanzia">
	                   </div>
	               </div>
	               <div class="form-group garanzia" style="padding-bottom: 5px; margin-bottom: 5px; display:none">
	                   <label class="col-sm-4">Richiedi la consegna della merce<br/> per effettuare il rimborso ?</label>
	                   <div class="col-sm-1">
	                       <input type="checkbox" class="form-control" style="width: 20px; height: 20px;">
	                   </div>
	               </div>
	               
	               <div class="form-group" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-1">Foto del bene/servizio</label>
	                   <div class="col-sm-1" style="top:10px">
	                       <input type="file">
	                   </div>
	               </div>
	               
	               <div class="form-group" style="padding-bottom: 5px; margin-bottom: 5px">
	                   <label class="col-sm-2">Vuoi indicare un luogo di consegna?</label>
	                   <div class="col-sm-1">
	                       <input type="checkbox" class="form-control" style="width: 20px; height: 20px;" onClick="consegna()" id="mode_consegna">
	                   </div>
	               </div>
	               <div class="form-group consegna" style="padding-bottom: 5px; margin-bottom: 5px; display:none">
	                   <label class="col-sm-2" style="top:10px">Scegli una modalità</label>
	                   <div class="col-sm-1">
	                       <select class="form-control" style="width:150px;">
	                       		<option>da me</option>
	                       		<option>in negozio</option>
	                       		<option>ovunque</option>
	                       		<option>presso</option>
	                       </select>
	                   </div>
	               </div>
	               <div class="form-group consegna" style="padding-bottom: 5px; margin-bottom: 5px; display:none">
	                   <label class="col-sm-2" style="top:10px">Indirizzo di consegna</label>
	                   <div class="col-sm-4">
	                      <input type="text" class="form-control">
	                   </div>
	               </div>
	               
	               <br>
	              <div class="form-group" style="float:right; width: 50%;">
		               <button class="btn btn-primary" type="button">Annulla</button>
		               <button class="btn btn-primary" type="button" onclick="anteprima()">Salva</button>
	               </div>
	               
	               <div class="form-group" style="padding-bottom: 5px; margin-bottom: 5px;">
	                   <br>
	                   <label class="col-sm-2 control-label"><b>* campi obbligatori</b></label>
	               </div>
	               
               </form>
			</div>
		</div>

	</div>
</div>
	</section>
</section>
         <!-- footer class="site-footer">
    <div class="text-center">
        2014 - PecuSwap
        <a href="index.html#" class="go-top">
            <i class="fa fa-angle-up"></i>
        </a>
    </div>
</footer-->
      
        
        <!-- js placed at the end of the document so the pages load faster -->
	    <script src="../../assets/js/jquery.js"></script>
	    <script src="../../assets/js/jquery.js"></script>
	    <script src="../../assets/js/bootstrap.min.js"></script>
	    <script class="include" type="text/javascript" src="../../assets/js/jquery.dcjqaccordion.2.7.js"></script>
	    <script src="../../assets/js/jquery.scrollTo.min.js"></script>
	    <script src="../../assets/js/jquery.nicescroll.js" type="text/javascript"></script>
	    <script src="../../assets/js/jquery.sparkline.js"></script>
	
	    <!--common script for all pages-->
	    <script src="../../assets/js/common-scripts.js"></script>
	    
	    <script type="text/javascript" src="../../assets/js/gritter/js/jquery.gritter.js"></script>
	    <script type="text/javascript" src="../../assets/js/gritter-conf.js"></script>
	    
	    <script>
	    $('#user-sticky').click(function(){

	        $.gritter.add({
	            // (string | mandatory) the heading of the notification
	            title: 'Link al profilo utente',
	            // (string | mandatory) the text inside the notification
	            text: '&nbsp;',
	            // (int | optional) the time you want it to be alive for before fading out
	            time: '3000'
	        });

	        return false;

	    });

	    function fixActiveClass(item){
			setTimeout(function(){
				$(item).removeClass('active');
				$('li.active').removeClass('active');
				$(item).css('background-color', '#424a5d');
				$(item).parent().addClass('active');
				}, 100)
		}

   	 	$(document).ready(function(){
			asta();
			garanzia();
			consegna();
	   	});
		function asta(){
			$(".not_asta").each(function(i, item){
				if ($("#mode_asta").prop("checked")){
					$(item).hide();
				} else {
					$(item).show();
				}
			});
			$(".asta").each(function(i, item){
				if ($("#mode_asta").prop("checked")){
					$(item).show();
				} else {
					$(item).hide();
				}
			});
		}
		function garanzia(){
			$(".garanzia").each(function(i, item){
				if ($("#mode_garanzia").prop("checked")){
					$(item).show();
				} else {
					$(item).hide();
				}
			});
		}

		function consegna(){
			$(".consegna").each(function(i, item){
				if ($("#mode_consegna").prop("checked")){
					$(item).show();
				} else {
					$(item).hide();
				}
			});
		}

		function anteprima(){
			location.href = "anteprima_annuncio.html";
		}

	    </script>
	
	    
    </body>
</html>